import React, {Component} from 'react'
import {Image, StyleSheet, Text, View} from 'react-native'
import {COLOR} from '../config'

class Bootstrap extends Component {
  constructor (props) {
    super(props)
  }

  render () {
    return (

      <View
        style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}
      >
        <Image
          source={require('../res/img/zqc-icon-middle.png')}
          style={{borderRadius: 30}}
        />
        <Text style={styles.title}>Music Fans</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  title: {
    marginTop: 50,
    fontSize: 32,
    color: COLOR.textEmpha
  }
})

export default Bootstrap
